﻿
*{
	margin:0px;
	padding:0px;
	border: none;
	outline: none;
	font-size: 100%;
}
html,
body { 
    height: 100%;
}
body {
    color: #64656a;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    font-family: 'Microsoft YaHei', sans-serif;
}
button:focus{
    outline: none;
}
button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: 700;
    font-family: 'Microsoft YaHei', sans-serif;
    margin: 0;
}
h3 {
    font-size: 18px; 
    line-height: 30px;
    font-weight: 500;
}
h4 {

}
.clear{ clear:both;}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
}
img.lazy-image{
	background:url(../images/image-bg.svg) center center no-repeat;	
}
img.lazy-image.loaded{
	background-image:none;
}
.owl-theme img.lazy-image.loaded{
	height: auto;
	opacity: 1;
}



img {
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    
}
.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
    padding: 5px 10px 5px;
}
.map-data a{
    color: #0b59d9;
	display: block;
}
.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}



i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol,
li{
    margin: 0;
    padding: 0;    
}
.clr1{
    color: #f36727;
}
.bgclr1{
    background: #f36727;    
}


.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 150px;
    margin: 0 auto;
}



.cpbg{ width:100%; background:url(../images/cpbg.jpg) center top; padding-top:33px; box-sizing:border-box; overflow:hidden;}
.w1300{ width:1300px; margin:auto;}
.jjbt{ text-align:center; line-height:80px; font-size:35px; color:#242424; font-weight:bold;}
.jjbt img{ width:145px; height:68px; margin-right:14px;}
.jjbt p{ color:#474747; font-size:16px; line-height:38px; font-weight:normal;}
.jjbt span{ color:#0066cc;}

.jjbg{ width:100%; position:relative; z-index:99;}
.jjbox{ width:1280px; margin:50px auto;}
.jjzuo{ width:830px; float:left;}
.jjbti{ width:100%; height:86px;}
.jjbti img{ display:block; float:left;}
.jjbti div{ padding-left:13px; float:left; font-size:24px; color:#000000; font-weight:bold;}
.jjbti h2{ color:#0066cc; font-size:33px; line-height:48px;}
.jjzi{ width:100%; margin-top:23px; font-size:15px; line-height:36px; color:#383838; text-indent:40px;}
.jjzuo ul li{ width:24%; text-align:center; float:left; margin-top:30px; font-size:16px; color:#434343; line-height:40px; border-right:1px solid #eeeeee;}
.jjzuo ul li h4{ color:#000000; font-size:44px; font-family:"Impact";}
.jjyou{ width:412px; float:right; margin-bottom:30px;}
.jjtz{ display:block; margin:auto; text-align:center;}



#shuzi { height: 110px; margin: 0px 0px; padding: 30px 0 0px; } 

#shuzi .sz{ display: inline-block; float: left; height: 100px; border-left: solid 1px #eee; text-align: center; width:24%; padding-left: 0px; } 
#shuzi .sz:first-of-type { border-left:none; padding-left: 0px; } 
#video .video{ width: 100%; } 
#video:after{ content: ''; position: absolute; width: 100%; bottom: -1px; height: 17px; left: 0%; background-color: #000000; filter: blur(6px); opacity: 0.07; } 
#video:before{ content: ''; position: absolute; width: 100%; height: 100px; opacity: 0.2; -webkit-filter: blur(18.2px); filter: blur(18.2px); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.05) 53%, rgba(255, 255, 255, 0)); bottom: -79px; left: 0%; } 
#shuzi:before, #shuzi:after{ content:''; height: 0px; display: block; clear:both; } 
#shuzi .sz_sz { display: inline-block; position: relative; line-height: 60px; height: 60px; } 
#shuzi .sz_wz { color: #222; font-size: 16px; line-height: 40px; height: 40px; } 
#shuzi .sz .counter { font-size: 48px; line-height: 60px; font-weight: bold; height: 60px; color: #000000; font-family:"Impact"; margin-right:5px;} 






.rybg{ width:100%; height:600px; background:url(../images/rybg.jpg) center; box-sizing:border-box; padding-top:24px;}
.honoy{ width:1290px; margin:auto;}
.honoy ul li{ width:302px; float:left; margin-left:10px; margin-right:10px; margin-top:24px;}



.albg{ width:100%; background:url(../images/albg.jpg); padding-top:16px; padding-bottom:30px;}
.albox{ width:1280px; margin:auto;}
.alzi{ width:100%; height:60px; line-height:60px; font-size:22px; color:#272727;}
.alzi span{ font-size:42px; font-family:"Impact";}
.albox ul li{ width:235px; float:left; margin-left:10px; margin-right:10px; margin-top:20px;}
.albox ul li img{ width:235px;}
.albox ul li p{ width:100%; display:block; line-height:38px; height:38px; text-align:center; color:#fff; background-color:#6e6e6e; margin-top:8px;}

.myywl{ padding:50px 0;}
.m1t{ text-align:center;}
.m1t p{ line-height:70px; font-size:16px;}
.myywl .m1t h2{  background:url(../images/yywlt.png) no-repeat center center; font-size:38px;}
.myywl dl{ background:url(../images/yywl.png) no-repeat left center; height:113px; overflow:hidden;}
.myywl .dl{ margin-bottom:30px;}
.myywl dt{ width:130px; text-align:center; float:left; line-height:113px; font-size:28px; color:#1f4a89; margin-right:34px;}
.myywl dd{ float:left; margin-left:18px;}
.myywl dd .wlimg{ position:relative; display:block;}
.myywl dd .wlmc{ position:absolute; bottom:0; left:0; width:86px; height:48px; background:url(../images/wlmc1.png) no-repeat center center; line-height:60px; color:#fff; text-indent:10px; font-size:18px;}
.myywl dd:hover .wlmc{ background:url(../images/wlmc2.png) no-repeat center center;}

.newsbox{ width:1280px; margin:0 auto;}
.newsbox dl{ width:400px; float:left; margin-top:5px; margin-right:26px;}
.newsbox dl dt{ margin-top:16px;}
.newsbox dl dd a{ font-size:18px; font-weight:bold; line-height:60px; color:#000000;}
.newsbox dl dd a:hover{ font-size:18px; font-weight:bold; line-height:60px; color:#05407a; text-decoration:underline;}
.newsbox dl dd p{ line-height:26px;}
.newsbox dl dd .xwmore a{ font-size:15px; line-height:60px; font-weight:normal; color:#333;}
.newsbox dl dd .xwmore a:hover{ font-size:15px; line-height:60px; font-weight:normal; color:#064481; text-decoration:underline;}

.dibubg{ width:100%; background:url(../images/bgs.jpg); box-sizing:border-box; padding-top:33px; padding-bottom:40px;}
.dibox{ width:1280px; margin:auto;}
.didh{ font-size:15px; color:#fff; margin-top:15px;}
.didh p{ font-size:28px; font-weight:bold; color:#fff; font-family:"Arial";}
.dilogo{ float:left;}
.dilogo ul li{ line-height:30px; color:#fff;}
.dilogo ul li img{ margin-right:6px; margin-top:8px;}
.dinav{float:left; margin-left:70px;}
.dinav dl{ float:left; margin-right:70px;}
.dinav dl dt{ color:#fff; font-size:17px; line-height:42px; width:80px; border-bottom:1px solid #fff; font-weight:normal; margin-bottom:10px;}
.dinav dl dd{ width:100%; background:url(../images/dijt.jpg) no-repeat left center; text-indent:13px;}
.dinav dl dd a{ color:#fff; font-size:14px; line-height:30px;}
.dinav dl dd a:hover{ text-decoration:underline; color:#fff; font-size:14px; line-height:30px;}
.ewm{ float:right; width:302px;}
.ewm p{ width:100%; color:#fff; font-size:17px; line-height:50px;}
.erweima{ width:133px; float:left; margin-right:18px; text-align:center; color:#fff; font-size:14px; line-height:38px;}


.bqbg{ width:100%; height:45px; line-height:45px; text-align:center; background-color:#003256; color:#bcd0de; font-size:14px;}

.tab{ width:1280px; margin:0 auto; padding-bottom:50px;}
.tab-hd {overflow:hidden; zoom:1; margin:15px auto 0 auto; height:116px; overflow:hidden;width:1300px;}
.tab-hd li{ float:left; color:#333; text-align:center; cursor:pointer; font-size:15px; text-transform:uppercase;margin-top:10px; display:block; width:242px;background-color:#fff;margin-left:7px; margin-right:7px;}
.tab-hd li a{ color:#333; font-size:16px; font-weight:bold; text-decoration:none; display:block; line-height:48px;}
.tab-hd li.active{ background-color:#007cc2;}
.tab-hd li.active *{ color:#fff;}
.tab-bd li{display:none; border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd li dl{ width:298px; float:left; text-align:center; margin-top:24px; margin-left:10px; margin-right:10px; height:341px; display:block; border:1px solid #b8b8b8;}
.tab-bd li dl dt{}
.tab-bd li dl dd{ width:298px; line-height:50px; background-color:#007cc2; display:block; text-align:center; color:#fff; font-size:16px; text-decoration:none; font-weight:normal;}
.tab-bd li dl:hover dd{ width:298px; line-height:50px; background-color:#e31e31; display:block; text-align:center; color:#fff; font-size:16px; text-decoration:none; font-weight:normal;}

.he_border2{width:298px;height:291px;padding:0;margin:0;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center; font-size:20px;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_p{top:45%;opacity:1}


.btn-one {
    position: relative;
    display: inline-block;
    padding: 0 35px;
    background: #ffffff;
    font-size: 16px;
    line-height: 56px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Microsoft YaHei', sans-serif;
    transition: all 0.3s ease-in-out 0.1s;
}
.btn-one span:before{
    position: relative;
    display: inline-block;
    padding-left: 10px;    
}
.btn-one:hover,
.btn-one:focus{
    color: #ffffff;
}
